<template>
    <div>
        <form action="/">
            <van-search
                v-model="value"
                show-action
                placeholder="请输入搜索关键词"
                @search="onSearch"
                @cancel="onCancel" />
        </form>
        <div class="main">
            <h5>历史搜索</h5>
            <p>暂无搜索历史</p>
        </div>
    </div>
</template>

<script>
    export default {
    data() {
        return {
            value: '',
        };
    },

    components: {},

    computed: {},

    mounted() {},

    methods: {
         onSearch(val) {
        },
        onCancel() {
            this.$router.go(-1)
        },
    }
};
</script>
<style lang='stylus' scoped>
.van-cell,.van-search__content
    background #fff
    border-bottom 1px solid #ccc
.main
    position absolute
    top 50px
    left 0
    right 0
    bottom 0
    z-index 500
    background #fff
    h5
        font-size 24px
        line-height 80px
        text-indent 1em
    p
        font-size 16px
        text-align center
</style>
